{% extends "iphone.base.html" %}
{% block embedJS %}
$('#nextlink').ready(function(){
	$('a#nextlink').bind('click', loadMore);
})
{% endblock %}
{% block header %}
<div id="header"><h1>MOKO Top Girl</h1></div>
{% endblock %}
{% block body %}
	<div id="topgirlgallery">
	<ul class="gallery">
	{% for model in models %}
	<li class="topgirl">
		<a class="imgBorder" href="/model/{{ model.username|stringformat:"s"|urlencode }}{% if is_admin %}?action=update{% endif %}">
				<img class="avatar" width="65" height="70"
				{% if model.avatar %}
				src="{{host_img}}/{{model.username}}/{{model.avatar|imagename}}"
				{% else %}
				src="/images/avatar.jpg"
				{% endif %}
				 alt="{{model.name}}">
		</a>
	</li>
	{% endfor %}
	</ul>
	</div>
	<div id="prevnext">
		<ul>
			<li>{% if prev %}<a href="/?page={{ prev }}">Prev</a>{% else %} Prev {% endif %}</li>
			<li>{% if next %}<a href="/?page={{ next }}">Next</a>{% else %} Next {% endif %}</li>
		</ul>
	</div>
{% endblock %}